<template>
  <div class="box">
    <h1 v-upper="info">我是根组件</h1>
    <MyComponent1 v-upper="info"></MyComponent1>
    <MyComponent2 v-for="item in 5" :key="item"></MyComponent2>
  </div>
</template>

<script>
import MyComponent1 from './components/MyComponent1'
import MyComponent2 from './components/MyComponent2'
export default {
  name: "",
  data() {
    return {
       info:'我是app根组件,abc'
    }
  },
  components:{
    MyComponent1,
    MyComponent2
  }
};
</script>

<style>
* {
  margin: 0;
  padding: 0;
}
html,
body {
  width: 100%;
  height: 100%;
}
.box {
  width: 100%;
  height: 100%;
  background: #eee;
}
</style>
